<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">
    <title>首页</title>
    <!--引入css-->
    <link rel="stylesheet" href="../css/reset.css" />
    <link rel="stylesheet" href="../css/public.css" />
    <link rel="stylesheet" href="../css/address.css" />
    <link rel="stylesheet" href="../css/date.css" />
    <link rel="stylesheet" href="../css/index.css" />
    <script type="text/javascript">
        if (/Android (\d+\.\d+)/.test(navigator.userAgent)) {
            var version = parseFloat(RegExp.$1);
            if (version > 2.3) {
                var phoneScale = parseInt(window.screen.width) / 750;
                document.write('<meta name="viewport" content="width=750, minimum-scale = ' + phoneScale +
                    ', maximum-scale = ' + phoneScale + ', target-densitydpi=device-dpi">');
            } else {
                document.write('<meta name="viewport" content="width=750, target-densitydpi=device-dpi">');
            }
        } else {
            document.write('<meta name="viewport" content="width=750, user-scalable=no, target-densitydpi=device-dpi">');
        }
    </script>
</head>

<body class="bg-fafafc">
    <div class="index">
        <!--飞机票banner start-->
        <div class="banner">
            <img class="img" src="../images/img-aircraft.png" alt="banner">
        </div>
        <!--飞机票banner end-->
        <!--飞机票查询条件选择框 start-->
        <div class="form-box">
            <div class="form">
                <ul class="trip-tab box">
                    <li class="flex select">
                        <a href="javascript:void(0);">单程</a>
                    </li>
                    <li class="flex">
                        <a href="javascript:void(0);">往返</a>
                    </li>
                </ul>
                <div class="trip-box">
                    <div class="address-box clear">
                        <div class="address text-left fl">
                            <a href="javascript:void(0);">
                                <p>出发城市</p>
                                <h2 id="js-leave-address" class="ellipsis">成都</h2>
                            </a>
                        </div>
                        <div class="address text-right fr">
                            <a href="javascript:void(0);">
                                <p>到达城市</p>
                                <h2 id="js-return-address" class="ellipsis">上海</h2>
                            </a>
                        </div>
                        <a href="javascript:void(0);" class="icon-exchange-box">
                            <i class="icon-exchange"></i>
                        </a>
                    </div>
                    <div id="js-time-box" class="time-box box">
                        <div id="js-leave-time" class="time flex text-left">
                            <a href="javascript:void(0);">
                                <p>去程时间</p>
                                <h3>
                                    <span>2017-11-02</span>
                                    <span>明天</span>
                                </h3>
                            </a>
                        </div>
                        <div id="js-return-time" class="time flex text-right">
                            <a href="javascript:void(0);">
                                <p>返程时间</p>
                                <h3>
                                    <span>2017-11-03</span>
                                    <span>后天</span>
                                </h3>
                            </a>
                        </div>
                    </div>
                    <div class="space-box clear">
                        <div class="space-info text-left fl">
                            <a href="javascript:void(0);" id="js-space-info">
                                <p>舱位</p>
                                <h3 id="js-cabin" class="ellipsis">经济舱</h2>
                            </a>
                        </div>
                        <div class="space-info text-right fr">
                            <a href="javascript:void(0);" id="js-porsen-num">
                                <p>乘客</p>
                                <h3 class="ellipsis">
                                    <span id="js-space-adult">1</span>成人
                                    <span id="js-space-children">0</span>儿童
                                </h3>
                            </a>
                        </div>
                    </div>
                    <!-- <div class="space-box">
                        <div class="space-info">
                            <a href="javascript:void(0);">
                                <p>舱位</p>
                                <h3 id="js-select">经济舱</h3>
                            </a>
                            <i class="icon-arrow-gt"></i>
                        </div>
                    </div> -->
                </div>
            </div>
            <div class="btn-big-box">
                <a href="javascript:void(0);" class="btn-big">查询</a>
            </div>
        </div>
        <!--飞机票查询条件选择框 end-->
        <div class="empty-box"></div>
        <!--底部导航 start-->
        <div class="menu box">
            <a href="javascript:void (0)" class="flex menu-item select">
                <i class="icon-menu icon-home"></i>
                <span>首页</span>
            </a>
            <a href="javascript:void (0)" class="flex menu-item">
                <i class="icon-menu icon-order"></i>
                <span>订单</span>
            </a>
            <a href="center/center.html" class="flex menu-item">
                <i class="icon-menu icon-my"></i>
                <span>我的</span>
            </a>
        </div>
        <!--底部导航 end-->
    </div>
    <div class="mask"></div>
    <!-- 浮动弹窗 -->
    <div id="js-cabin-popup" class="select-popup popup">
        <div class="popup-tit">
            <h3></h3>
            <i class="icon-close"></i>
        </div>
        <ul class="select-list">
            <li>
                <p>舱位不限</p>
                <i class="icon-select"></i>
            </li>
            <li class="select">
                <p>经济舱</p>
                <i class="icon-select"></i>
            </li>
            <li>
                <p>头等/商务舱</p>
                <i class="icon-select"></i>
            </li>
        </ul>
    </div>
    <!-- 定位弹窗 -->
    <!-- 地址选择列表 -->
    <div id="js-address-popup" class="address-popup">
        <div class="address-popup-top">
            <div class="top-bar-box">
                <p class="top-bar-inp">
                    <i class="icon-search"></i>
                    <input type="text" placeholder="城市名称／首字母" class="input">
                </p>
                <a id="js-btn-cancel" class="btn-cancel" href="javascript:void (0);">取消</a>
            </div>
            <ul class="address-switching box">
                <li class="flex select">
                    <a href="javascript:void(0);">国内城市</a>
                </li>
                <li class="flex">
                    <a href="javascript:void(0);">国际城市</a>
                </li>
            </ul>
        </div>
        <div class="address-list-box">
            <div id="address-list" class="address-list">
                <div>
                    <h2 class="address-item-tit">
                        <i class="icon-location"></i>
                        <span>定位</span>
                    </h2>
                    <div class="address-item">
                        <a href="javascript:void (0);" class="item-block ellipsis">成都</a>
                    </div>
                </div>
                <div class="section">
                    <h2 class="address-item-tit">
                        <i class="icon-history"></i>
                        <span>历史</span>
                    </h2>
                    <div class="address-item">
                        <a href="javascript:void (0);" class="item-block ellipsis">成都</a>
                        <a href="javascript:void (0);" class="item-block ellipsis">上海</a>
                    </div>
                </div>
                <div class="section">
                    <h2 class="address-item-tit">
                        <i class="icon-hot"></i>
                        <span>热门</span>
                    </h2>
                    <div class="address-item">
                        <a href="javascript:void (0);" class="item-block ellipsis">成都</a>
                        <a href="javascript:void (0);" class="item-block ellipsis">上海</a>
                        <a href="javascript:void (0);" class="item-block ellipsis">北京</a>
                        <a href="javascript:void (0);" class="item-block ellipsis">广州</a>
                        <a href="javascript:void (0);" class="item-block ellipsis">重庆</a>
                        <a href="javascript:void (0);" class="item-block ellipsis">杭州</a>
                        <a href="javascript:void (0);" class="item-block ellipsis">广州</a>
                        <a href="javascript:void (0);" class="item-block ellipsis">重庆</a>
                        <a href="javascript:void (0);" class="item-block ellipsis">杭州</a>
                    </div>
                </div>
                <div class="section">
                    <h2 class="address-letter-tit">A</h2>
                    <ul class="address-routine-item">
                        <li>
                            <a href="javascript:void (0);">阿坝</a>
                        </li>
                        <li>
                            <a href="javascript:void (0);">阿城区 哈尔滨</a>
                        </li>
                        <li>
                            <a href="javascript:void (0);">阿尔山市</a>
                        </li>
                        <li>
                            <a href="javascript:void (0);">安丘</a>
                        </li>
                        <li>
                            <a href="javascript:void (0);">安乡</a>
                        </li>
                    </ul>
                </div>
                <div class="section">
                    <h2 class="address-letter-tit">B</h2>
                    <ul class="address-routine-item">
                        <li>
                            <a href="javascript:void (0);">北京</a>
                        </li>
                        <li>
                            <a href="javascript:void (0);">保亭</a>
                        </li>
                        <li>
                            <a href="javascript:void (0);">保定</a>
                        </li>
                        <li>
                            <a href="javascript:void (0);">保山</a>
                        </li>
                        <li>
                            <a href="javascript:void (0);">保康</a>
                        </li>
                        <li>
                            <a href="javascript:void (0);">保德</a>
                        </li>
                        <li>
                            <a href="javascript:void (0);">保靖</a>
                        </li>
                        <li>
                            <a href="javascript:void (0);">八宿</a>
                        </li>
                        <li>
                            <a href="javascript:void (0);">勃利</a>
                        </li>
                        <li>
                            <a href="javascript:void (0);">包头</a>
                        </li>
                        <li>
                            <a href="javascript:void (0);">北岸</a>
                        </li>
                    </ul>
                </div>
                <div class="section">
                    <h2 class="address-letter-tit">C</h2>
                    <ul class="address-routine-item">
                        <li>
                            <a href="javascript:void (0);">成都</a>
                        </li>
                        <li>
                            <a href="javascript:void (0);">重庆</a>
                        </li>
                        <li>
                            <a href="javascript:void (0);">长沙</a>
                        </li>
                        <li>
                            <a href="javascript:void (0);">长春</a>
                        </li>
                        <li>
                            <a href="javascript:void (0);">从江</a>
                        </li>
                        <li>
                            <a href="javascript:void (0);">册亨</a>
                        </li>
                        <li>
                            <a href="javascript:void (0);">城固</a>
                        </li>
                        <li>
                            <a href="javascript:void (0);">城步</a>
                        </li>
                    </ul>
                </div>
                <div class="section">
                    <h2 class="address-letter-tit">D</h2>
                    <ul class="address-routine-item">
                        <li>
                            <a href="javascript:void (0);">丁青</a>
                        </li>
                        <li>
                            <a href="javascript:void (0);">东丰</a>
                        </li>
                        <li>
                            <a href="javascript:void (0);">东吴镇</a>
                        </li>
                        <li>
                            <a href="javascript:void (0);">东乡</a>
                        </li>
                        <li>
                            <a href="javascript:void (0);">东光</a>
                        </li>
                        <li>
                            <a href="javascript:void (0);">东兰</a>
                        </li>
                        <li>
                            <a href="javascript:void (0);">东台</a>
                        </li>
                        <li>
                            <a href="javascript:void (0);">东宁</a>
                        </li>
                    </ul>
                </div>
                <div class="section">
                    <h2 class="address-letter-tit">E</h2>
                    <ul class="address-routine-item">
                        <li>
                            <a href="javascript:void (0);">二连浩特</a>
                        </li>
                        <li>
                            <a href="javascript:void (0);">峨山</a>
                        </li>
                        <li>
                            <a href="javascript:void (0);">峨眉山</a>
                        </li>
                        <li>
                            <a href="javascript:void (0);">峨边</a>
                        </li>
                        <li>
                            <a href="javascript:void (0);">恩平</a>
                        </li>
                        <li>
                            <a href="javascript:void (0);">恩施</a>
                        </li>
                        <li>
                            <a href="javascript:void (0);">恩施市</a>
                        </li>
                        <li>
                            <a href="javascript:void (0);">洱源</a>
                        </li>
                        <li>
                            <a href="javascript:void (0);">鄂伦春旗</a>
                        </li>
                        <li>
                            <a href="javascript:void (0);">鄂州</a>
                        </li>
                    </ul>
                </div>
                <div class="section">
                    <h2 class="address-letter-tit">F</h2>
                    <ul class="address-routine-item">
                        <li>
                            <a href="javascript:void (0);">福州</a>
                        </li>
                        <li>
                            <a href="javascript:void (0);">丰县</a>
                        </li>
                    </ul>
                </div>
                <div class="section">
                    <h2 class="address-letter-tit">G</h2>
                    <ul class="address-routine-item">
                        <li>
                            <a href="javascript:void (0);">广州</a>
                        </li>
                        <li>
                            <a href="javascript:void (0);">贵阳</a>
                        </li>
                    </ul>
                </div>
                <div class="section">
                    <h2 class="address-letter-tit">H</h2>
                    <ul class="address-routine-item">
                        <li>
                            <a href="javascript:void (0);">杭州</a>
                        </li>
                    </ul>
                </div>
                <div class="section">
                    <h2 class="address-letter-tit">J</h2>
                    <ul class="address-routine-item">
                        <li>
                            <a href="javascript:void (0);">济南</a>
                        </li>
                    </ul>
                </div>
                <div class="section">
                    <h2 class="address-letter-tit">K</h2>
                    <ul class="address-routine-item">
                        <li>
                            <a href="javascript:void (0);">开封</a>
                        </li>
                    </ul>
                </div>
                <div class="section">
                    <h2 class="address-letter-tit">L</h2>
                    <ul class="address-routine-item">
                        <li>
                            <a href="javascript:void (0);">洛阳</a>
                        </li>
                    </ul>
                </div>
                <div class="section">
                    <h2 class="address-letter-tit">M</h2>
                    <ul class="address-routine-item">
                        <li>
                            <a href="javascript:void (0);">眉山</a>
                        </li>
                    </ul>
                </div>
                <div class="section">
                    <h2 class="address-letter-tit">N</h2>
                    <ul class="address-routine-item">
                        <li>
                            <a href="javascript:void (0);">牛市口</a>
                        </li>
                    </ul>
                </div>
                <div class="section">
                    <h2 class="address-letter-tit">P</h2>
                    <ul class="address-routine-item">
                        <li>
                            <a href="javascript:void (0);">攀枝花</a>
                        </li>
                    </ul>
                </div>
                <div class="section">
                    <h2 class="address-letter-tit">Q</h2>
                    <ul class="address-routine-item">
                        <li>
                            <a href="javascript:void (0);">青岛</a>
                        </li>
                    </ul>
                </div>
                <div class="section">
                    <h2 class="address-letter-tit">R</h2>
                    <ul class="address-routine-item">
                        <li>
                            <a href="javascript:void (0);">仁化</a>
                        </li>
                    </ul>
                </div>
                <div class="section">
                    <h2 class="address-letter-tit">S</h2>
                    <ul class="address-routine-item">
                        <li>
                            <a href="javascript:void (0);">山东</a>
                        </li>
                    </ul>
                </div>
                <div class="section">
                    <h2 class="address-letter-tit">T</h2>
                    <ul class="address-routine-item">
                        <li>
                            <a href="javascript:void (0);">天津</a>
                        </li>
                    </ul>
                </div>
                <div class="section">
                    <h2 class="address-letter-tit">W</h2>
                    <ul class="address-routine-item">
                        <li>
                            <a href="javascript:void (0);">武汉</a>
                        </li>
                    </ul>
                </div>
                <div class="section">
                    <h2 class="address-letter-tit">X</h2>
                    <ul class="address-routine-item">
                        <li>
                            <a href="javascript:void (0);">西安</a>
                        </li>
                    </ul>
                </div>
                <div class="section">
                    <h2 class="address-letter-tit">Y</h2>
                    <ul class="address-routine-item">
                        <li>
                            <a href="javascript:void (0);">延边</a>
                        </li>
                    </ul>
                </div>
                <div class="section">
                    <h2 class="address-letter-tit">Z</h2>
                    <ul class="address-routine-item">
                        <li>
                            <a href="javascript:void (0);">郑州</a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <span class="empty-mask"></span>
    </div>


    <!-- 日期选择列表 -->
    <div id="ja-date-popup" class="date-popup none">
        <div class="date-top-bar">
            <ul class="date-tab box">
                <li id="js-date-leave" class="flex">
                    <p class="text">去程日期</p>
                </li>
                <li id="js-date-return" class="flex">
                    <p class="text">返程日期</p>
                </li>
            </ul>
            <ul class="week-bar box">
                <li class="flex">日</li>
                <li class="flex">一</li>
                <li class="flex">二</li>
                <li class="flex">三</li>
                <li class="flex">四</li>
                <li class="flex">五</li>
                <li class="flex">六</li>
            </ul>
        </div>
        <!--空盒子，填充由于定位引起的空白区域 start-->
        <div class="empty-box"></div>
        <!--空盒子，填充由于定位引起的空白区域 end-->
        <!--空盒子，填充由于定位引起的空白区域 start-->
        <div class="empty-box-s"></div>
        <!--空盒子，填充由于定位引起的空白区域 end-->
        <div class="date-box">
            <h4 class="year">2017年07月</h4>
            <table>
                <tr>
                    <td></td>
                    <td></td>
                    <td class="overdue">
                        <p class="date">1</p>
                    </td>
                    <td class="overdue">
                        <p class="date">2</p>
                    </td>
                    <td class="overdue">
                        <p class="date">3</p>
                    </td>
                    <td class="overdue">
                        <p class="date">4</p>
                    </td>
                    <td class="overdue">
                        <p class="date">5</p>
                    </td>
                </tr>
                <tr>
                    <td class="overdue">
                        <p class="date">6</p>
                    </td>
                    <td class="overdue">
                        <p class="date">7</p>
                    </td>
                    <td class="overdue">
                        <p class="date">8</p>
                    </td>
                    <td>
                        <p class="date">今天</p>
                        <p class="price">
                            <span>￥</span>
                            <span>1203</span>
                        </p>
                    </td>
                    <td>
                        <span class="tips none">去程</span>
                        <p class="date">10</p>
                        <p class="price">
                            <span>￥</span>
                            <span>890</span>
                        </p>
                    </td>
                    <td>
                        <p class="date">11</p>
                        <p class="price">
                            <span>￥</span>
                            <span>1203</span>
                        </p>
                    </td>
                    <td>
                        <p class="date">12</p>
                        <p class="price">
                            <span>￥</span>
                            <span>1203</span>
                        </p>
                    </td>
                </tr>
                <tr>
                    <td>
                        <p class="date">13</p>
                        <p class="price">
                            <span>￥</span>
                            <span>1203</span>
                        </p>
                    </td>
                    <td>
                        <p class="date">14</p>
                        <p class="price">
                            <span>￥</span>
                            <span>1203</span>
                        </p>
                    </td>
                    <td>
                        <p class="date">15</p>
                        <p class="price">
                            <span>￥</span>
                            <span>1203</span>
                        </p>
                    </td>
                    <td>
                        <p class="date">16</p>
                        <p class="price">
                            <span>￥</span>
                            <span>1203</span>
                        </p>
                    </td>
                    <td>
                        <p class="date">17</p>
                        <p class="price">
                            <span>￥</span>
                            <span>1203</span>
                        </p>
                    </td>
                    <td>
                        <p class="date">18</p>
                        <p class="price">
                            <span>￥</span>
                            <span>1203</span>
                        </p>
                    </td>
                    <td>
                        <p class="date">19</p>
                        <p class="price">
                            <span>￥</span>
                            <span>1203</span>
                        </p>
                    </td>
                </tr>
                <tr>
                    <td>
                        <p class="date">20</p>
                        <p class="price">
                            <span>￥</span>
                            <span>1203</span>
                        </p>
                    </td>
                    <td>
                        <p class="date">21</p>
                        <p class="price">
                            <span>￥</span>
                            <span>1203</span>
                        </p>
                    </td>
                    <td>
                        <p class="date">22</p>
                        <p class="price">
                            <span>￥</span>
                            <span>1203</span>
                        </p>
                    </td>
                    <td>
                        <p class="date">23</p>
                        <p class="price">
                            <span>￥</span>
                            <span>1203</span>
                        </p>
                    </td>
                    <td>
                        <p class="date">24</p>
                        <p class="price">
                            <span>￥</span>
                            <span>1203</span>
                        </p>
                    </td>
                    <td>
                        <p class="date">25</p>
                        <p class="price">
                            <span>￥</span>
                            <span>1203</span>
                        </p>
                    </td>
                    <td>
                        <p class="date">26</p>
                        <p class="price">
                            <span>￥</span>
                            <span>1203</span>
                        </p>
                    </td>
                </tr>
                <tr>
                    <td>
                        <p class="date">27</p>
                        <p class="price">
                            <span>￥</span>
                            <span>1203</span>
                        </p>
                    </td>
                    <td>
                        <p class="date">28</p>
                        <p class="price">
                            <span>￥</span>
                            <span>1203</span>
                        </p>
                    </td>
                    <td>
                        <p class="date">29</p>
                        <p class="price">
                            <span>￥</span>
                            <span>1203</span>
                        </p>
                    </td>
                    <td>
                        <p class="date">30</p>
                        <p class="price">
                            <span>￥</span>
                            <span>1203</span>
                        </p>
                    </td>
                    <td>
                        <p class="date">31</p>
                        <p class="price">
                            <span>￥</span>
                            <span>1203</span>
                        </p>
                    </td>
                    <td></td>
                    <td></td>
                </tr>
            </table>
            <h4 class="year">2017年07月</h4>
            <table>
                <tr>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td>
                        <p class="date">1</p>
                        <p class="price">
                            <span>￥</span>
                            <span>1203</span>
                        </p>
                    </td>
                    <td>
                        <p class="date">2</p>
                        <p class="price">
                            <span>￥</span>
                            <span>1203</span>
                        </p>
                    </td>
                </tr>
                <tr>
                    <td>
                        <p class="date">3</p>
                        <p class="price">
                            <span>￥</span>
                            <span>1203</span>
                        </p>
                    </td>
                    <td>
                        <p class="date">4</p>
                        <p class="price">
                            <span>￥</span>
                            <span>1203</span>
                        </p>
                    </td>
                    <td>
                        <p class="date">5</p>
                        <p class="price">
                            <span>￥</span>
                            <span>1203</span>
                        </p>
                    </td>
                    <td>
                        <p class="date">6</p>
                        <p class="price">
                            <span>￥</span>
                            <span>1203</span>
                        </p>
                    </td>
                    <td>
                        <p class="date">7</p>
                        <p class="price">
                            <span>￥</span>
                            <span>1203</span>
                        </p>
                    </td>
                    <td>
                        <p class="date">8</p>
                        <p class="price">
                            <span>￥</span>
                            <span>1203</span>
                        </p>
                    </td>
                    <td>
                        <p class="date">9</p>
                        <p class="price">
                            <span>￥</span>
                            <span>1203</span>
                        </p>
                    </td>
                </tr>
                <tr>
                    <td>
                        <p class="date">10</p>
                        <p class="price">
                            <span>￥</span>
                            <span>1203</span>
                        </p>
                    </td>
                    <td>
                        <p class="date">11</p>
                        <p class="price">
                            <span>￥</span>
                            <span>1203</span>
                        </p>
                    </td>
                    <td>
                        <p class="date">12</p>
                        <p class="price">
                            <span>￥</span>
                            <span>1203</span>
                        </p>
                    </td>
                    <td>
                        <p class="date">13</p>
                        <p class="price">
                            <span>￥</span>
                            <span>1203</span>
                        </p>
                    </td>
                    <td>
                        <p class="date">14</p>
                        <p class="price">
                            <span>￥</span>
                            <span>1203</span>
                        </p>
                    </td>
                    <td>
                        <p class="date">15</p>
                        <p class="price">
                            <span>￥</span>
                            <span>1203</span>
                        </p>
                    </td>
                    <td>
                        <p class="date">16</p>
                        <p class="price">
                            <span>￥</span>
                            <span>1203</span>
                        </p>
                    </td>
                </tr>
                <tr>
                    <td>
                        <p class="date">17</p>
                        <p class="price">
                            <span>￥</span>
                            <span>1203</span>
                        </p>
                    </td>
                    <td>
                        <p class="date">18</p>
                        <p class="price">
                            <span>￥</span>
                            <span>1203</span>
                        </p>
                    </td>
                    <td>
                        <p class="date">19</p>
                        <p class="price">
                            <span>￥</span>
                            <span>1203</span>
                        </p>
                    </td>
                    <td>
                        <p class="date">20</p>
                        <p class="price">
                            <span>￥</span>
                            <span>1203</span>
                        </p>
                    </td>
                    <td>
                        <p class="date">21</p>
                        <p class="price">
                            <span>￥</span>
                            <span>1203</span>
                        </p>
                    </td>
                    <td>
                        <p class="date">22</p>
                        <p class="price">
                            <span>￥</span>
                            <span>1203</span>
                        </p>
                    </td>
                    <td>
                        <p class="date">23</p>
                        <p class="price">
                            <span>￥</span>
                            <span>1203</span>
                        </p>
                    </td>
                </tr>
                <tr>
                    <td>
                        <p class="date">24</p>
                        <p class="price">
                            <span>￥</span>
                            <span>1203</span>
                        </p>
                    </td>
                    <td>
                        <p class="date">25</p>
                        <p class="price">
                            <span>￥</span>
                            <span>1203</span>
                        </p>
                    </td>
                    <td>
                        <p class="date">26</p>
                        <p class="price">
                            <span>￥</span>
                            <span>1203</span>
                        </p>
                    </td>
                    <td>
                        <p class="date">27</p>
                        <p class="price">
                            <span>￥</span>
                            <span>1203</span>
                        </p>
                    </td>
                    <td>
                        <p class="date">28</p>
                        <p class="price">
                            <span>￥</span>
                            <span>1203</span>
                        </p>
                    </td>
                    <td>
                        <p class="date">29</p>
                        <p class="price">
                            <span>￥</span>
                            <span>1203</span>
                        </p>
                    </td>
                    <td>
                        <p class="date">30</p>
                        <p class="price">
                            <span>￥</span>
                            <span>1203</span>
                        </p>
                    </td>
                </tr>
                <tr>
                    <td>
                        <p class="date">31</p>
                        <p class="price">
                            <span>￥</span>
                            <span>1203</span>
                        </p>
                    </td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                </tr>
            </table>
        </div>
    </div>

    <div id="js-person-num-fixed" class="person-num-fixed fixed">
        <ul class="fixed-tit box">
            <li class="flex text-left cancel">取消</li>
            <li id="js-person-num" class="flex reset text-center c-d9d9d9">重置</li>
            <li id="js-person-num-determine" class="flex text-right c-00b3cd determine">确定</li>
        </ul>
        <div class="person-num-tit box">
            <p class="flex1">成人</p>
            <p class="flex1">儿童（2-12岁）</p>
        </div>
        <div class="box person-box">
            <span class="line"></span>
            <div id="porson-num1" class="person-num-box flex1">
                <div id="scroller1">
                    <ul>
                        <li></li>
                        <li></li>
                        <li id="a">0</li>
                        <li>1</li>
                        <li>2</li>
                        <li>3</li>
                        <li>4</li>
                        <li>5</li>
                        <li>6</li>
                        <li>7</li>
                        <li>8</li>
                        <li>9</li>
                        <li></li>
                        <li></li>
                    </ul>
                </div>
            </div>
            <div id="porson-num2" class="person-num-box flex1">
                <div id="scroller2">
                    <ul>
                        <li></li>
                        <li></li>
                        <li id="a">0</li>
                        <li>1</li>
                        <li>2</li>
                        <li>3</li>
                        <li>4</li>
                        <li>5</li>
                        <li>6</li>
                        <li></li>
                        <li></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>


    <script type="text/javascript" src="../js/jquery-1.8.3.min.js"></script>
    <script type="text/javascript" src="../js/public.js"></script>
    <script type="text/javascript" src="../js/pagescroller.min.js"></script>
    <script type="text/javascript" src="../js/iscroll.js"></script>
    <script type="text/javascript" src="../js/num.js"></script>
    <script type="text/javascript" src="../js/index.js"></script>
    <script type="text/javascript">

        //    右侧地址按照字母选择
        $(document).ready(function () {
            var navLabel = new Array("历史", "热门", "A", "B", "C", "D", "E", "F", "G", "H", "J", "K",
                "L", "M", "N", "P", "Q", "R", "S", "T", "W", "X", "Y", "Z");
            $('#address-list').pageScroller({
                navigation: navLabel,
                scrollOffset: +207,
                animationSpeed: 750,
            });

        var height = document.documentElement.clientHeight;
        console.log(height);
        if (height < 1334) {
            $(".pageScroll a").css("line-height","38px");
        }
        });
    </script>
</body>

</html>